
<!DOCTYPE html>
<html lang="en">

	<head>
		<title>Henry Cinemas</title>
		<meta name="google-site-verification" content="pegpgzMeXs1Cr58eo12hP8pac9fmCgkGbZ4516rFBx8" />
		<meta name="robots" content="NOODP">
		<meta name="googlebot" content="NOODP">
		<meta name="description" content="Henry Cinemas"/>
		<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta charset="utf-8">
		<link rel="icon" type="image/png" href="img/icocb.png" sizes="192x192" />
		<link rel="shortcut icon" href="img/favicon.png"/>
		<link rel="apple-touch-icon" href="img/favicon1.png"/>

		<!-- INICIO Se cargan los CSS -->
		<link type="text/css" rel="stylesheet" href="css/banner.css" media="screen">
		<link type="text/css" rel="stylesheet" href="css/over.css" media="screen">
		<link type="text/css" rel="stylesheet" href="css/slider/sandbox.css" media="screen"><!-- Para el carrusel -->
		<link type="text/css" rel="stylesheet" href="css/slider/crosscover.css" media="screen"><!-- Para el carrusel -->
		<link type="text/css" rel="stylesheet" href="css/slider/animate.min.css" media="screen"><!-- Para el carrusel -->
		<link type="text/css" rel="stylesheet" href="css/popup/shadowbox.css" media="screen"><!-- Para el popup -->
		<link type="text/css" rel="stylesheet" href="css/bootstrap/bootstrap.min.css" media="screen"><!-- Para Bootstrap -->
		<link type="text/css" rel="stylesheet" href="css/bootstrap/bootstrap-select.css" media="screen"><!-- Para Bootstrap -->
		<link type="text/css" rel="stylesheet" href="css/sweet-alert/sweet-alert.css" media="screen"><!-- Para SweetAlert -->
		<link type="text/css" rel="stylesheet" href="css/index.css" media="screen">
		<!--link type="text/css" rel="stylesheet" href="css/modal/modal.css" media="screen"/--><!-- Para Geolocalizacion -->
		<!-- IE6 "fix" for the close png image -->
		<!--[if lt IE 7]>
		<link type='text/css' href='css/modal/modal_ie.css' rel='stylesheet' media='screen' />
		<![endif]-->
		<!--link type="text/css" rel="stylesheet" href="css/modal/geoloc.css" media='screen'--><!-- Para Geolocalizacion -->
		<!--script type="text/javascript" src="http://maps.google.com/maps/api/js?libraries=geometry&key=AIzaSyA4tQWJtW2pQWqx53f64Q6It0eDwJEaJDU"></script-->
		<!-- FIN Se cargan los CSS -->
	</head>

	<script>
		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function() {
			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

		ga('create', 'UA-75794399-1', 'auto');
		ga('send', 'pageview');
	</script>

	<!-- INICIO CSS Splash -->
	<style>
		#sb-wrapper { border: none; }
		#sb-wrapper-inner { border: none; }
		#sb-body { background-color: transparent; border: none; }
		#sb-body-inner { background-color: transparent; border: none; }
	</style>
	<!-- FIN CSS Splash -->

<!-- INICIO Verificamos si esta activo el popup -->
<body>
<input type="hidden" id="popFile" name="popFile" value="popup_preve.jpg" />
<!-- FIN Verificamos si esta activo el popup -->

<!--body onLoad="popup();"-->
<!--body-->

	<!-- INICIO Contenedor Principal -->
	<div id="primaryContainer" class="primaryContainer clearfix">
		<!-- INICIO Contenido -->
		<div id="Contenido" class="clearfix">

			<!-- INICIO Contenedor encabezado -->
			<div id="Contenedor_Encabezado" class="clearfix">
				<div id="Encabezado" class="clearfix">
					<div id="logo1" class="clearfix">
						<a href="index.php">
							<img id="image1" src="img/LogoH.png" class="image" />
						</a>
					</div>

					<!-- INICIO Seleccion de cines -->
					<div id="ComboCines">
						<form id="Aver3" name="Aver3">
							<select id="cveCine" name="cveCine" class="selectpicker show-tick form-control" onchange="cargarCarIndex();">
								<option value="01">BUSCA TU CINE</option>
								<!--optgroup label="HIDALGO">
									<option value="24"  >TULA</option>
                                </optgroup-->
                                <optgroup label="JALISCO">
									<option value="07"  >LAGOS</option>
                                </optgroup>
                                <!--optgroup label="QUERÉTARO">
									<option value="05"  >SAN JUAN</option>
                                </optgroup-->
                                <optgroup label="OAXACA">
									<option value="26"  >HUAJUAPAN</option>
									<option value="25" SELECTED selected >JUCHITÁN</option>
									<!--option value="06"  >TUXTEPEC</option-->
                                </optgroup>
                                <optgroup label="PUEBLA">
									<!--option value="10"  >TEZIUTLÁN</option-->
									<!--option value="09"  >SAN MARTÍN</option-->
								</optgroup>
								<!--optgroup label="TAMAULIPAS">
									<option value="01"  >TAMPICO</option>
								</optgroup-->
								<!--optgroup label="VERACRUZ">
									<option value="02" SELECTED  >POZA RICA</option-->
								</optgroup>
							</select>
						</form>
					</div>
					<!-- FIN Seleccion de cines -->

				</div>
				<div id="Redes" class="clearfix">
					<div id="twit" class="clearfix">
						<a href="https://twitter.com/cineboxmx" target="_blank">
							<img id="image3" src="img/tiwtter1.png" class="image" />
						</a>
					</div>
					<div id="fb" class="clearfix">
						<a href="https://www.facebook.com/HenryCinemasOficial" target="_blank">
							<img id="image2" src="img/feis1.png" class="image" />
						</a>
					</div>
					<div id="inst" class="clearfix">
						<a href="https://www.instagram.com/cineboxmx/" target="_blank">
							<img id="image4" src="img/insta1.png" class="image" />
						</a>
					</div>
				</div>
				<div id="Amigox" class="clearfix">
					<img id="image1" src="img/LogoH2.png" class="image" />
					<!--p id="AMIGOX">
						<img id="image1" src="img/LogoH2.png" class="image" />
						<span id="textspan">A</span><span id="textspan1">M</span><span id="textspan2">IG</span><span id="textspan3">O</span><span id="textspan4">X&nbsp;</span>
					</p-->
				</div>
			</div>
			<!-- FIN Contenedor encabezado -->

			<!-- INICIO Contenido Central -->
			<div id="Central" >
				<!-- INICIO Carrusel -->
				<div id="ContenedorCarrucel" class="clearfix">
					<div id="Carrucel" class="clearfix"></div>
					<!-- CARGA BANNER ADICIONAL -->
					<div id="Adicional" class="clearfix"></div>
					<!-- FIN CARGA BANNER ADICIONAL -->
				</div>
				<!-- FIN Carrusel -->
				<!-- -->
				<div id="ContenedorSlider" class="clearfix">
					<!-- INICIO Slider -->
					<div id="Slider" class="clearfix">

					<!-- gracias a honny y el calentamiento se pusieron los dos encabezados y se ocultaron con block: none  para que en resoluciones de 720 el ver cartelera aparezca arriba -->
                    
                    <div id="PieSlider" class="clearfix">
						<img id="image21" src="img/Group%2062%20copy%204.png" class="image" />
						<div id="box" class="clearfix"></div>
                        <a id="text21" href="#">
							<div class='link' onclick="cargarPagina('cartelera.php')">
								<img id="imageicomovi2" src="img/icomovies.png" class="image" />
								&nbsp;&nbsp;&nbsp;<span id="textspan7">VER</span>&nbsp;<span id="textspan8">CARTELERA</span>
                            </div>
                        </a>
						<img id="image22" src="img/Group%2062%20copy%204.png" class="image" />
						
                    </div>
                    
                    <div id="EncabezadoSlider" class="clearfix">
                        <!--img id="image7" src="img/titulos%20recientes%20copy.jpg" class="image" />
                        <p id="text">
                            <span id="textspan5">NO  TE  LAS</span> <span id="textspan6"> PIERDAS</span>
                        </p-->
                        <img id="image28" src="img/Group%2062%20copy%204.png" class="image" />
						<div id="box1" class="clearfix"></div>
						<a id="text23" href="#">
							<div class='link' onclick="cargarPagina('cartelera.php')">
								<img id="imageicomovi" src="img/icomovies.png" class="image" />
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="textspan14">  VER</span>&nbsp;<span id="textspan15">CARTELERA</span>
							</div>
						</a>
						<img id="image29" src="img/Group%2062%20copy%204.png" class="image" />
                    </div>
                    <!-- find e los cambios gracias a honny --> 

						<!-- INICIO Recuperamos las peliculas -->
						<div id="Peliculas" class="clearfix"></div>
						<!-- FIN Recuperamos las peliculas -->
					</div>
					<!-- FIN Slider -->
					
					 <!-- gracias a honny y el calentamiento se pusieron los dos encabezados y se ocultaron con block: none  para que en resoluciones de 720 el ver cartelera aparezca arriba -->
                    <div id="EncabezadoSlider_movil" class="clearfix">
							<img id="image7" src="img/titulos%20recientes%20copy.jpg" class="image" />
                            <p id="text">
								<span id="textspan5">NO  TE  LAS</span> <span id="textspan6"> PIERDAS</span>
                            </p>
                    </div>

                    <!-- fin de los cambios gracias a honny-->
                    
					<img id="image23" src="img/Rectangle%2023%20copy%208.jpg" class="image" />
				</div>
				<!-- -->
			</div>
			<!-- FIN Contenido Central -->

		</div>
		<!-- FIN Contenido -->

		<!-- -->
		<div id="Adicional1" class="clearfix"></div>
		<div id="Redes1" class="clearfix">
			<div id="tw" class="clearfix">
				<a href="https://twitter.com/cineboxmx" target="_blank">
					<img id="image26" src="img/tiwtter1.png" class="image" />
				</a>
			</div>
                        <div id="fb1" class="clearfix">
				<a href="https://www.facebook.com/HenryCinemasOficial" target="_blank">
					<img id="image25" src="img/feis1.png" class="image" />
				</a>
			</div>
			<div id="in" class="clearfix">
				<a href="https://www.instagram.com/cineboxmx/" target="_blank">
					<img id="image27" src="img/insta1.png" class="image" />
				</a>
			</div>
		</div>
		<!-- -->

		<div id="PieSlider1" class="clearfix">
			<img id="image7" src="img/titulos%20recientes%20copy.jpg" class="image" />
			<p id="text">
				<span id="textspan5">NO  TE  LAS</span> <span id="textspan6"> PIERDAS</span>
			</p>
		</div>
		<div id="Amigox1" class="clearfix">
			<img id="image1" src="img/LogoH2.png" class="image" />
		</div>

		<!-- Pie -->
		<div id="Pie" class="clearfix">
			<a href="index.php">
				<img id="LogoPie" src="img/hc.png" class="image" />
			</a>
			<a rel="shadowbox;width=800;height=500" title="" href="priva/aviso.htm">
				<img style="float:right; " id="PieAviso" src="img/AvisoPriv.png" class="image" />
			</a>
		</div>
		<!-- Pie -->

	</div>
	<!-- FIN Contenedor Principal -->

	<!-- INICIO Se cargan los JS -->
	<script type="text/javascript" src="js/jquery-2.2.1.min.js"></script>
	<script type="text/javascript" src="js/bootstrap/bootstrap.min.js"></script><!-- Para Bootstrap -->
	<script type="text/javascript" src="js/bootstrap/bootstrap-select.js"></script><!-- Para Bootstrap -->
	<script type="text/javascript" src="js/popup/popup.js"></script><!-- Para el popup -->
	<script type="text/javascript" src="js/sweet-alert/sweet-alert.min.js"></script><!-- Para SweetAlert -->
	<script type="text/javascript" src="js/modal/jquery.simplemodal.js"></script><!-- Para Geolocalizacion -->
	<!--script type="text/javascript" src="js/modal/modal.js"></script--><!-- Para Geolocalizacion -->
	<!--script type="text/javascript" src="js/modal/geoloc.js"></script--><!-- Para Geolocalizacion -->
	<!--script type="text/javascript" src="js/modal/georuta.js"></script--><!-- Para Geolocalizacion -->
	<!-- FIN Se cargan los JS -->
	<script type="text/javascript" src="js/slider/jssor.slider.min.js"></script><!-- Para el carrusel Movil -->
	<script type="text/javascript" src="js/slider/crosscover.js"></script><!-- Para el carrusel Web -->
	<script type="text/javascript" src="js/popup/shadowbox.js"></script><!-- Para el popup -->

	<script>
		// INICIO Carrusel
		$(document).on('ready', function(){
			$('.crosscover').crosscover({ 
				controller: true
			});

			cargarCarIndex(); // Cargar la cartelera del cine seleccionado
		});
		// FIN Carrusel

		// INICIO Funcion para cargar ver cartelera
		function cargarPagina(pagina) {
			var cinCVE = document.getElementById("cveCine").value;
			window.location=pagina+'?cinCVE='+cinCVE;
		}
		// FIN Funcion para cargar ver cartelera

		// INICIO Funcion para cargar la sinopsis
		function cargarSinopsis(pelCVE) {
			var cinCVE = document.getElementById("cveCine").value;
			window.location='sinopsis.php?cvepelicula='+pelCVE+'&cinCVE='+cinCVE;
		}
		// FIN Funcion para cargar la sinopsis

		function cargarCarIndex() {
			var cinCVE = document.getElementById("cveCine").value;

			$.ajax({
				async:true,
				dataType: "html",
				type: "POST",
				url: "dtIndexCar.php?cveCine="+cinCVE,
				data: "",
				global: true,
				ifModified: true,
				processData:true,
				contentType: "application/x-www-form-urlencoded",
				success: function(datos) {
					$("#Peliculas").html(datos);
				}
			});

			// carga banner adicional 
			$.ajax({
				async:true,
				dataType: "html",
				type: "POST",
				url: "dtIndexAdi.php?cveCine="+cinCVE,
				data: "",
				global: true,
				ifModified: true,
				processData:true,
				contentType: "application/x-www-form-urlencoded",
				success: function(datos) {
					$("#Adicional").html(datos);
				}
			});

			// carga carrusel			
			$.ajax({
				async:true,
				dataType: "html",
				type: "POST",
				url: "dtIndexSli.php?cveCine="+cinCVE,
				data: "",
				global: true,
				ifModified: true,
				processData:true,
				contentType: "application/x-www-form-urlencoded",
				success: function(datos) {
					$("#Carrucel").html(datos);
				}
			});

                        $.post("codeColor.php", { cinCVE: cinCVE }, function(data) {
				var codColor = data;

				if(codColor != 'Error') {
					//alert('Bien: '+codColor);
					document.getElementById("Adicional").style.backgroundColor = codColor;
				} else {
					// Se muestra el error
					alert('Error');
				}
			});

			// INICIO Funcion cambiar fondo del DIV Adicional
			//if(cinCVE == 29) { document.getElementById("Adicional").style.backgroundColor = '#ff8023'; }
			//if(cinCVE == 30) { document.getElementById("Adicional").style.backgroundColor = '#000000'; }
			// FIN Funcion cambiar fondo del DIV Adicional
		}
	</script>	

	<script>
		jssor_1_slider_init = function() {

			var jssor_1_SlideshowTransitions = [
				{$Duration:1200,x:-0.3,$During:{$Left:[0.3,0.7]},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
				{$Duration:1200,x:0.3,$SlideOut:true,$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2}
			];

			var jssor_1_options = {
				$AutoPlay: true,
				$SlideshowOptions: {
					$Class: $JssorSlideshowRunner$,
					$Transitions: jssor_1_SlideshowTransitions,
					$TransitionsOrder: 1
				},
				$ArrowNavigatorOptions: {
					$Class: $JssorArrowNavigator$
				},
				$BulletNavigatorOptions: {
					$Class: $JssorBulletNavigator$
				},
				$ThumbnailNavigatorOptions: {
					$Class: $JssorThumbnailNavigator$,
					$Cols: 1,
					$Align: 0,
					$NoDrag: true
				}
			};

			var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);

			//responsive code begin
			//you can remove responsive code if you don't want the slider scales while window resizing
			function ScaleSlider() {
				var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth;
				if (refSize) {
					refSize = Math.min(refSize, 1600);
					jssor_1_slider.$ScaleWidth(refSize);
				} else {
					window.setTimeout(ScaleSlider, 30);
				}
			}
			ScaleSlider();
			$Jssor$.$AddEvent(window, "load", ScaleSlider);
			$Jssor$.$AddEvent(window, "resize", ScaleSlider);
			$Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
			//responsive code end
		};

		<!-- INICIO Funcion reproduce link video -->
		function Video(Link) {
			Shadowbox.init({ language: "es", overlayOpacity:"0.50" });

			var posicionFin = Link.length;
			var posicionIni = Link.indexOf('=');
			var Code = Link.substring((posicionIni+1), posicionFin);

			if(posicionIni != -1) {
				Shadowbox.open({
					content: "https://www.youtube.com/embed/"+Code+"?autoplay=1",
					player: "iframe"
				});
			} else {
				setTimeout("Shadowbox.close()", 500);
				sweetAlert('Disculpe:', 'Ocurrio un error con el video.!', 'warning');
			}
		}
		<!-- FIN Funcion reproduce link video -->
	</script>

</body>
</html>